<template>
  
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
.Hellotion {
  height: 229px;
  position: absolute;
  left: 0;
  z-index: 24;
  width: 100%;
  border: 1px solid #e0e0e0;
  background: #fff;
  overflow: hidden;
  .droPdown {
    width: 1226px;
    margin: 0 auto;
    .children-list {
      margin: 0;
      padding: 0;
      list-style-type: none;
      font-size: 15px;
      .first {
        position: relative;
        float: left;
        width: 180px;
        padding: 35px 12px 0;
        text-align: center;
        &:nth-child(n+2)::before {
          position: absolute;
          left: 0;
          top: 40px;
          z-index: 1;
          width: 1px;
          height: 100px;
          content: "";
          background-color: #e0e0e0;
        }
        .figure-thumb {
          width: 160px;
          height: 110px;
          margin: 0 auto 16px;
          text-align: center;
        }
        .title {
          line-height: 20px;
        }
        .price {
          line-height: 20px;
          color: #ff6700;
        }
      }
    }
  }
}
</style>